﻿<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->
<title>注册</title>
</head>
<body>
<div class="page-container">
	<div  class="form form-horizontal">
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-2">
						用户名：</label>
					<div class="formControls col-xs-8 col-sm-9">
						<input type="text" id="name" class="input-text radius"  style="background:#F5F5F5">
					</div>
				</div>
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-2">
						密码：</label>
					<div class="formControls col-xs-8 col-sm-9">
						<input type="password" id="password" class="input-text radius"  style="background:#F5F5F5"> 
					</div>
				</div>
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-2">
						再输入一次密码：</label>
					<div class="formControls col-xs-8 col-sm-9">
						<input type="password" id="password_check" class="input-text radius"  style="background:#F5F5F5">
					</div>
				</div>
				<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
				<input class="btn btn-success radius size-L"  type="button" id="ss" value="注册"/>
				<input onClick="layer_close();" class="btn btn-danger  radius size-L" type="button" value="取消"/>
			</div>
		</div>
	</div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
function createUser(){
	var name=$("#name").val();
	var pass=$("#password").val();
	var pass_check=$("#password_check").val();
	if(name!=""){
		if(!check(name)){
			layer.tips('只能为英文或数字，且不能以数字打头，长度为6-10个字符', '#name', {
				  tips: [3, '#dd514c'],
				  time: 4000
			});
			return;
		}
	}else{
		layer.tips('不能为空', '#name', {
			  tips: [2, '#dd514c'],
			  time: 4000
		});
		return;
	}
	if(pass==""){
		layer.tips('不能为空', '#password', {
			  tips: [2, '#dd514c'],
			  time: 4000
		});
		return;
	}else{
		if(!check(pass)){
			layer.tips('只能为英文或数字，且不能以数字打头，长度为6-10个字符', '#password', {
				  tips: [3, '#dd514c'],
				  time: 4000
			});
			return;
		}
	}
	if(pass_check==""){
		layer.tips('不能为空', '#password_check', {
			  tips: [2, '#dd514c'],
			  time: 4000
		});
		return;
	}else{
		if(!check(pass_check)){
			layer.tips('只能为英文或数字，且不能以数字打头，长度为6-10个字符', '#password_check', {
				  tips: [3, '#dd514c'],
				  time: 4000
			});
			return;
		}
	}
	if(pass_check!=pass){
		layer.tips('两次密码不一致', '#password_check', {
			  tips: [2, '#dd514c'],
			  time: 4000
		});
		return;
	}
	$.post("createUser.json",{username:$('#name').val(),password:$('#password').val()}, function(data){
		 if(data=='success'){
			 layer.msg("账号注册成功！跳转到主页中");
			 setTimeout(function(){layer_close();}, 3000);
		 }else{
			 layer.msg("账号注册失败,账号已存在");
		 }
	},"text");//这里返回的类型有：json,html,xml,text
	
}

function check(value){
	var patten =/^[a-zA-Z]\w{5,9}$/; //正则
	if(!patten.test(value)) {   //如果没有匹配到，那么就错误
	 	return false;
	}
	return true;
}

var wait=10; 
function time(o) { 
	if (wait == 0) { 
	o.removeAttribute("disabled"); 
	o.value="注册"; 
	wait = 10; 
	} else { 
	o.setAttribute("disabled", true); 
	o.value=wait+"秒后才能再次注册"; 
	wait--; 
	setTimeout(function() { 
	time(o) 
	}, 
	1000) 
	} 
	} 
document.getElementById("ss").onclick=function(){
	time(this);
	createUser();
} 
</script>
</body>
</html>
